<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Accordions</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">

<link rel="stylesheet" href="static/css/bootstrap.css">
<link rel="stylesheet" href="static/css/fonts.css">
<link rel="stylesheet" href="static/css/style.css" id="main-styles-link">

</head>
<body>
<div class="page"><!-- Page Header-->
  <header class="section page-header"><!-- RD Navbar-->
    <div class="rd-navbar-wrap">
      <nav class="rd-navbar rd-navbar-minimal" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
        <div class="rd-navbar-main-outer">
          <div class="rd-navbar-main"><!-- RD Navbar Panel-->
            <div class="rd-navbar-panel"><!-- RD Navbar Toggle-->
              <button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
              <!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="static/picture/logo-default-246x44.png" alt="" width="246" height="44" srcset=""></a></div>
            <div class="rd-navbar-main-element">
              <div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1"><!-- RD Navbar Nav-->
                <ul class="rd-navbar-nav">
                  <li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a></li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About Us</a></li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a><!-- RD Navbar Dropdown-->
                    <ul class="rd-menu rd-navbar-dropdown">
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-service.html">Single Service</a></li>
                    </ul>
                  </li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a><!-- RD Navbar Dropdown-->
                    <ul class="rd-menu rd-navbar-dropdown">
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
                      <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
                    </ul>
                  </li>
                  <li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a><!-- RD Navbar Megamenu-->
                    <ul class="rd-menu rd-navbar-megamenu">
                      <li class="rd-megamenu-item">
                        <ul class="rd-megamenu-list">
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="javascript:;">Progress bars</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
                        </ul>
                      </li>
                      <li class="rd-megamenu-item">
                        <ul class="rd-megamenu-list">
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="">Accordions</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="javascript:;">Coming Soon</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
                        </ul>
                      </li>
                      <li class="rd-megamenu-item">
                        <ul class="rd-megamenu-list">
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-gallery.html">Masonry Gallery</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a></li>
                </ul>
              </div>
              <!-- RD Navbar Search-->
              <div class="rd-navbar-search" id="rd-navbar-search-1">
                <button class="rd-navbar-search-toggle rd-navbar-fixed-element-2" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
                <form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
                  <div class="form-wrap">
                    <label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
                    <input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
                    <div class="rd-search-results-live" id="rd-search-results-live-1"></div>
                  </div>
                  <button class="rd-search-form-submit fa-search" type="submit"></button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </nav>
    </div>
  </header>
  <!-- Breadcrumbs -->
  <section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(static/image/1.jpg);">
    <div class="breadcrumbs-custom-inner">
      <div class="container breadcrumbs-custom-container">
        <div class="breadcrumbs-custom-main">
          <h6 class="breadcrumbs-custom-subtitle title-decorated">Pages</h6>
          <h1 class="heading-decorate heading-decorate-lg breadcrumbs-custom-title"><span class="heading-decorate-symbol font-weight-ubold">A</span><span class="heading-decorate-main">Accordions</span></h1>
        </div>
        <ul class="breadcrumbs-custom-path">
          <li><a href="index.html">Home</a></li>
          <li><a href="#">Pages</a></li>
          <li class="active">Accordions</li>
        </ul>
      </div>
    </div>
  </section>
  <!-- Accordion & skill bars-->
  <section class="section section-lg">
    <div class="container">
      <h6>Accordion & skill bars</h6>
      <div class="row row-50 justify-content-lg-between offset-top-1">
        <div class="col-lg-7 col-xl-6">
          <h3 class="heading-decorate"><span class="heading-decorate-symbol font-weight-ubold">F</span><span class="heading-decorate-main">Frequently Asked Questions</span></h3>
          <!-- Bootstrap collapse-->
          <div class="card-group-custom card-group-corporate wow-outer" id="accordion1" role="tablist" aria-multiselectable="false"><!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".05s">
              <div class="card-header" role="tab">
                <div class="card-title"><a id="accordion1-card-head-galaihlb" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-card-body-junpxiod" aria-controls="accordion1-card-body-junpxiod" aria-expanded="true" role="button">How can I change something in my order?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse show" id="accordion1-card-body-junpxiod" aria-labelledby="accordion1-card-head-galaihlb" data-parent="#accordion1" role="tabpanel">
                <div class="card-body">
                  <p>If you need to change something in your order,please contact us immediately. We usually process orders within 30 minutes,and once we have processed your order,we will be unable to make any changes.</p>
                </div>
              </div>
            </article>
            <!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".1s">
              <div class="card-header" role="tab">
                <div class="card-title"><a class="collapsed" id="accordion1-card-head-bheqbpbm" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-card-body-jwureenv" aria-controls="accordion1-card-body-jwureenv" aria-expanded="false" role="button">How can I pay for my order?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse" id="accordion1-card-body-jwureenv" aria-labelledby="accordion1-card-head-bheqbpbm" data-parent="#accordion1" role="tabpanel">
                <div class="card-body">
                  <p>We accept Visa,MasterCard,and American Express credit and debit cards for your convenience.</p>
                </div>
              </div>
            </article>
            <!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".15s">
              <div class="card-header" role="tab">
                <div class="card-title"><a class="collapsed" id="accordion1-card-head-fqbhjafu" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-card-body-syapgqiv" aria-controls="accordion1-card-body-syapgqiv" aria-expanded="false" role="button">How long will my order take to be delivered?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse" id="accordion1-card-body-syapgqiv" aria-labelledby="accordion1-card-head-fqbhjafu" data-parent="#accordion1" role="tabpanel">
                <div class="card-body">
                  <p>Delivery times will depend on your location. Once payment is confirmed your order will be packaged. Delivery can be expected within a day.</p>
                </div>
              </div>
            </article>
            <!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".2s">
              <div class="card-header" role="tab">
                <div class="card-title"><a class="collapsed" id="accordion1-card-head-owpueyqi" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-card-body-uwxlrkro" aria-controls="accordion1-card-body-uwxlrkro" aria-expanded="false" role="button">Can I track my order?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse" id="accordion1-card-body-uwxlrkro" aria-labelledby="accordion1-card-head-owpueyqi" data-parent="#accordion1" role="tabpanel">
                <div class="card-body">
                  <p>Yes,you can!After placing your order you will receive an order confirmation via email. Each order starts production 15 minutes after your order is placed. Within a few hours of you placing your order,you will receive an expected delivery time. When the order will be ready for delivery,you will receive another email with the tracking number and a link to trace the order online with the courier.</p>
                </div>
              </div>
            </article>
          </div>
        </div>
        <div class="col-lg-5">
          <h3 class="heading-decorate"><span class="heading-decorate-symbol font-weight-ubold">S</span><span class="heading-decorate-main">Skill Bars</span></h3>
          <div class="progress-linear-outer wow-outer"><!-- Linear progress bar-->
            <article class="progress-linear wow slideInDown" data-wow-delay=".05s">
              <div class="progress-header">
                <p>Dedication</p>
                <span class="progress-value">90</span></div>
              <div class="progress-bar-linear-wrap">
                <div class="progress-bar-linear"></div>
              </div>
            </article>
          </div>
          <div class="progress-linear-outer wow-outer"><!-- Linear progress bar-->
            <article class="progress-linear wow slideInDown" data-wow-delay=".1s">
              <div class="progress-header">
                <p>Knowledge</p>
                <span class="progress-value">65</span></div>
              <div class="progress-bar-linear-wrap">
                <div class="progress-bar-linear"></div>
              </div>
            </article>
          </div>
          <div class="progress-linear-outer wow-outer"><!-- Linear progress bar-->
            <article class="progress-linear wow slideInDown" data-wow-delay=".15s">
              <div class="progress-header">
                <p>Experience</p>
                <span class="progress-value">100</span></div>
              <div class="progress-bar-linear-wrap">
                <div class="progress-bar-linear"></div>
              </div>
            </article>
          </div>
          <div class="progress-linear-outer wow-outer"><!-- Linear progress bar-->
            <article class="progress-linear wow slideInDown" data-wow-delay=".2s">
              <div class="progress-header">
                <p>Reliability</p>
                <span class="progress-value">75</span></div>
              <div class="progress-bar-linear-wrap">
                <div class="progress-bar-linear"></div>
              </div>
            </article>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Accordion & photo-->
  <section class="section section-md">
    <div class="container">
      <h6>Accordion & photo</h6>
      <div class="row row-50 justify-content-lg-between flex-lg-row-reverse offset-top-1">
        <div class="col-lg-7 col-xl-6">
          <h3 class="heading-decorate"><span class="heading-decorate-symbol font-weight-ubold">F</span><span class="heading-decorate-main">Frequently Asked Questions</span></h3>
          <!-- Bootstrap collapse-->
          <div class="card-group-custom card-group-corporate wow-outer" id="accordion2" role="tablist" aria-multiselectable="false"><!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".05s">
              <div class="card-header" role="tab">
                <div class="card-title"><a id="accordion2-card-head-arigjurt" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-card-body-jqqwxckv" aria-controls="accordion2-card-body-jqqwxckv" aria-expanded="true" role="button">How can I change something in my order?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse show" id="accordion2-card-body-jqqwxckv" aria-labelledby="accordion2-card-head-arigjurt" data-parent="#accordion2" role="tabpanel">
                <div class="card-body">
                  <p>If you need to change something in your order,please contact us immediately. We usually process orders within 30 minutes,and once we have processed your order,we will be unable to make any changes.</p>
                </div>
              </div>
            </article>
            <!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".1s">
              <div class="card-header" role="tab">
                <div class="card-title"><a class="collapsed" id="accordion2-card-head-scfjqqvt" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-card-body-nrcjovle" aria-controls="accordion2-card-body-nrcjovle" aria-expanded="false" role="button">How can I pay for my order?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse" id="accordion2-card-body-nrcjovle" aria-labelledby="accordion2-card-head-scfjqqvt" data-parent="#accordion2" role="tabpanel">
                <div class="card-body">
                  <p>We accept Visa,MasterCard,and American Express credit and debit cards for your convenience.</p>
                </div>
              </div>
            </article>
            <!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".15s">
              <div class="card-header" role="tab">
                <div class="card-title"><a class="collapsed" id="accordion2-card-head-qifioqtl" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-card-body-nprqeuok" aria-controls="accordion2-card-body-nprqeuok" aria-expanded="false" role="button">How long will my order take to be delivered?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse" id="accordion2-card-body-nprqeuok" aria-labelledby="accordion2-card-head-qifioqtl" data-parent="#accordion2" role="tabpanel">
                <div class="card-body">
                  <p>Delivery times will depend on your location. Once payment is confirmed your order will be packaged. Delivery can be expected within a day.</p>
                </div>
              </div>
            </article>
            <!--Bootstrap card-->
            <article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".2s">
              <div class="card-header" role="tab">
                <div class="card-title"><a class="collapsed" id="accordion2-card-head-ajmepffw" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-card-body-wkfmeaih" aria-controls="accordion2-card-body-wkfmeaih" aria-expanded="false" role="button">Can I track my order?
                  <div class="card-arrow"></div>
                  </a></div>
              </div>
              <div class="collapse" id="accordion2-card-body-wkfmeaih" aria-labelledby="accordion2-card-head-ajmepffw" data-parent="#accordion2" role="tabpanel">
                <div class="card-body">
                  <p>Yes,you can!After placing your order you will receive an order confirmation via email. Each order starts production 15 minutes after your order is placed. Within a few hours of you placing your order,you will receive an expected delivery time. When the order will be ready for delivery,you will receive another email with the tracking number and a link to trace the order online with the courier.</p>
                </div>
              </div>
            </article>
          </div>
        </div>
        <div class="col-lg-5 wow-outer"><img class="wow slideInLeft" src="static/picture/accordions-1-470x368.jpg" alt="" width="470" height="368"></div>
      </div>
    </div>
  </section>
  <!-- Page Footer-->
  <footer class="section footer-linked bg-primary-gradient">
    <div class="footer-linked-main">
      <div class="container">
        <div class="row row-50">
          <div class="col-lg-8">
            <h5 class="text-uppercase font-weight-bold">Quick Links</h5>
            <hr class="offset-right-1">
            <div class="row row-20">
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="services.html">Services</a></li>
                  <li><a href="single-service.html">Single Service</a></li>
                  <li><a href="contacts.html">Contacts</a></li>
                  <li><a href="#">Testimonials</a></li>
                  <li><a href="privacy-policy.html">Privacy Policy</a></li>
                </ul>
              </div>
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="grid-blog.html">Blog</a></li>
                  <li><a href="about-us.html">About Us</a></li>
                  <li><a href="#">Team Member Page</a></li>
                  <li><a href="#">Single Project</a></li>
                  <li><a href="#">Login Page</a></li>
                </ul>
              </div>
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="careers.html">Careers</a></li>
                  <li><a href="masonry-gallery.html">Portfolio</a></li>
                  <li><a href="#">News</a></li>
                  <li><a href="#">Our History</a></li>
                  <li><a href="single-job.html">Single Job</a></li>
                </ul>
              </div>
              <div class="col-6 col-sm-3">
                <ul class="list list-xs">
                  <li><a href="#">Facebook</a></li>
                  <li><a href="#">Twitter</a></li>
                  <li><a href="#">Instagram</a></li>
                  <li><a href="#">LinkedIn</a></li>
                  <li><a href="#">Pinterest</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-7 col-lg-4">
            <h5 class="text-uppercase font-weight-bold">Contact Information</h5>
            <hr>
            <ul class="list-sm">
              <li class="object-inline"><span class="icon icon-md mdi mdi-map-marker text-gray-700"></span><a class="link-default" href="#">2130 Fulton Street San Diego,CA <br>
                94117-1080 USA</a></li>
              <li class="object-inline"><span class="icon icon-md mdi mdi-phone text-gray-700"></span>
                <ul class="list-0">
                  <li><a class="link-default" href="">1-800-1234-678</a></li>
                  <li><a class="link-default" href="">1-800-8765-098</a></li>
                </ul>
              </li>
              <li class="object-inline"><span class="icon icon-md mdi mdi-email-outline text-gray-700"></span><a class="link-default" href="mailto:#">info@demolink.org</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </footer>
</div>
<div class="preloader">
  <div class="preloader-logo"><img src="static/picture/logo-default-246x44.png" alt="" width="246" height="44" srcset=""></div>
  <div class="preloader-body">
    <div id="loadingProgressG">
      <div class="loadingProgressG" id="loadingProgressG_1"></div>
    </div>
  </div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="static/js/jquery-3.3.1.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/core.min.js"></script>
<script src="static/js/script.js"></script>
</body>
</html>